<div class="navbar">
    <div class="navbar-inner bg-white ucnav">
        <!--<div class="left sliding">-->
            <!--<a href="index.html" class="link back">-->
                <!--<i class="icon icon-back color-black"></i>-->
            <!--</a>-->
        <!--</div>-->
        <!--<div class="center sliding"></div>-->
        <!--<div class="right sliding"></div>-->
    </div>
</div>
<div data-page="Ucenter" id="Ucenter" class="page no-navbar toolbar-fixed">
    <div class="page-content">
        <div class="ucheader">
            <div style="margin: 20px auto;width: 40px;height: 40px;">
                <div class="preloader" style="width:100%;height:100%;"></div>
            </div>
        </div>
        <div class="list-block color-gray size-15">
            <ul>
                <li>
                    <a href="#" class="item-link item-content editprofile">
                        <div class="item-media" style="width: 20px;"><i class="f7-icons size-18 color-green">info_fill</i></div>
                        <div class="item-inner">
                            <div class="item-title">个人信息</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="item-link item-content beansbtn">
                        <div class="item-media" style="width: 20px;"><i class="f7-icons size-18 color-green">money_yen_fill</i></div>
                        <div class="item-inner">
                            <div class="item-title">充值能量豆</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="item-link item-content beansguide">
                        <div class="item-media" style="width: 20px;"><i class="f7-icons size-18 color-green">download_round_fill</i></div>
                        <div class="item-inner">
                            <div class="item-title">能量豆攻略</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="item-link item-content myfollows">
                        <div class="item-media" style="width: 20px;"><i class="f7-icons size-18 color-green">eye_fill</i></div>
                        <div class="item-inner">
                            <div class="item-title">我的关注</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="item-link item-content myCollects">
                        <div class="item-media" style="width: 20px;"><i class="f7-icons size-18 color-green">star_fill</i></div>
                        <div class="item-inner">
                            <div class="item-title">我的收藏</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="item-link item-content myAnswers">
                        <div class="item-media" style="width: 20px;"><i class="f7-icons size-18 color-green">list_fill</i></div>
                        <div class="item-inner">
                            <div class="item-title">我的回答</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="item-link item-content myQuestions">
                        <div class="item-media" style="width: 20px;"><i class="f7-icons size-18 color-green">help_fill</i></div>
                        <div class="item-inner">
                            <div class="item-title">我的提问</div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="toolbar">
        <div class="toolbar-inner toolbar-space-around">
            <a href="#" class="link dicvbtn"><div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap"><i class="toolbar-icon f7-icons">compass_fill</i><span class="toolbar-icon-text">发现</span></div></a>
            <a href="#" class="link editqbtn"><div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap"><i class="toolbar-icon f7-icons">help_fill</i><span class="toolbar-icon-text">提问</span></div></a>
            <a href="#" class="link notifybtn" style="overflow: visible;"><div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap"><i class="toolbar-icon f7-icons">bell_fill</i><span class="toolbar-icon-text">消息</span></div></a>
            <a href="#" class="link qrankbtn"><div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap"><i class="toolbar-icon f7-icons">document_text_fill</i><span class="toolbar-icon-text">女神榜</span></div></a>
            <a href="#" class="link ucbtn active"><div class="toolbar-icon-item flex-column flex-justify-between flex-align-center flex-wrap"><i class="toolbar-icon f7-icons">person_fill</i><span class="toolbar-icon-text">我</span></div></a>
        </div>
    </div>
</div>